<nz-form-item [style.width.px]="ui.width">
  <nz-col *ngIf="showTitle"
          [nzSpan]="ui.spanLabel"
          class="ant-form-item-label">
    <label *ngIf="t"
           [attr.for]="id"
           [class.ant-form-item-required]="ui._required" [ngStyle]="ui.styleLabel">
      {{ t }}
      <span class="optional">
        {{ ui.optional }}
        <nz-tooltip *ngIf="ui.optionalHelp"
                    [nzTitle]="ui.optionalHelp">
          <i nz-tooltip
             nz-icon
             nzType="question-circle"></i>
        </nz-tooltip>
      </span>
    </label>
  </nz-col>
  <nz-col class="ant-form-item-control-wrapper"
          [nzSpan]="ui.spanControl"
          [nzOffset]="ui.offsetControl">
    <div class="ant-form-item-control"
         [class.has-error]="showError" [ngStyle]="ui.styleControl">
      <ng-content></ng-content>
      <nz-form-extra *ngIf="schema.description"
                     [innerHTML]="schema.description"></nz-form-extra>
      <nz-form-explain *ngIf="!ui.onlyVisual && showError">{{error}}</nz-form-explain>
    </div>
  </nz-col>
</nz-form-item>
